<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<div id="d1" style="width: 100%;height: 500px;"></div>
		<script type="text/javascript">
			const myChart = echarts.init(document.querySelector('#d1'));

			let option = {
				toolbox: {
					feature: {
						saveAsImage: {}
					}
				},
				title: {
					text: '粉丝数',
					textAlign: 'auto'
				},
				legend: {
					left: '20%'
				},
				tooltip: {
					trigger: 'axis',
					axisPointer: {
						type: 'cross'
					}
				},
				xAxis: {
					type: 'category',
					data: ['1月', '3月', '5月', '7月', '9月', '11月'],
				},
				yAxis: {
					type: 'value',
				},
				series: [{
					name: '新增粉丝数',
					data: [150, 230, 224, 218, 135, 147],
					type: 'line'
				}, {
					name: '新增点赞数',
					data: [50, 300, 240, 189, 35, 47],
					type: 'line'
				}]
			};

			myChart.setOption(option);
		</script>
	</body>
</html>
